<template>
  <div id="app">
   <TabBar>
			<TabBarTatl path='/'>
				<img slot="icon" src="./assets/tabbar/home_nomal.png"/>
				   <img slot="icon_active" src="./assets/tabbar/home_active.png"/>
				<div slot="title">首页</div>
			</TabBarTatl>
			<TabBarTatl path='/category'>
				<img slot="icon" src="./assets/tabbar/category_nomal.png"/>
				<img slot="icon_active" src="./assets/tabbar/category_active.png"/>
				<div slot="title">分类</div>
			</TabBarTatl>
			<TabBarTatl path="/about">
				<img slot="icon" src="./assets/tabbar/cart_nomal.png"/>
				<img slot="icon_active" src="./assets/tabbar/cart_active.png"/>
				<div slot="title">购物车</div>
			</TabBarTatl>
			<TabBarTatl path='/mine'>
				<img slot="icon" src="./assets/tabbar/mine_nomal.png"/>
				<img slot="icon_active" src="./assets/tabbar/mine-active.png"/>
				<div slot="title">我的</div>
			</TabBarTatl>
		</TabBar>
    <router-view/>
  </div>
</template>
<script>
import TabBar from './components/tadber/TabBar';
import TabBarTatl from'./components/tadber/TabBarTatal'
export default {
  components:{
		TabBar,TabBarTatl
	},
}
</script>
<style scoped>

</style>

 